<template>
  <div>
     
    <div class="fabu">
            
        
            <span>完成任务</span> 

        </div>
    
 

    <div>
      <ul>
        <li>订单号：{{ id }}</li>
        <li>求助标题：{{   title}}</li>
        <li>发布者用户名：{{publisherName  }}</li>
        <li>报酬：{{ reward }}</li>
        <li>接取人用户名：{{ assistantName }}</li>
        <li>接取时间：{{    createTime}}</li>
    
        <li>协助说明：<input type="text" placeholder="请输入协助说明"/></li>
      </ul>
      <div class="a">
        <el-button
          plain
           @click="open1()">
                完成协助
        </el-button>
       
      </div>
    </div>
  </div>
</template>

<script>
export default {
   name:'finished',
   data(){
    return{
        id:'2222',
        title:'去外卖',
        publisherName:'小明',
        assistantName:'小红',
        createTime:'2000-1-12',
        status:'0',
        reward:20
    }
   },
   methods:{
    open1() {
        this.$notify({
          title: '审核',
          message: '发布者将会马上审核',
          type: 'success'
        });
      },
   }
}
</script>

<style scoped>


span{
    font-size: 50px;
    color:rgb(163, 220, 243);
}
.fabu{
   text-align: center;
    
}
li{
    list-style: none;
    margin-bottom: 20px;
    font-size: 20px;
    color:skyblue;
}
input{
    border:0px;
    outline: none;
}
.a{
    position: relative;
    left:250px;
    /* top:270px; */
}
button{  
    margin-right:10px;
    border-radius: 10px;
     height: 40px;
    border:1px solid skyblue;
    background-color: skyblue;
    color:white



}
button:hover{
    background-color:rgb(107, 189, 221)
}

</style>